import React, { useContext } from 'react';
import { Row, Col } from 'antd';
import { ExpertsUpdateContext } from '../common/ExpertsContext';
import { DictionarySpans } from '../common/Format';

const UpdateExpertsFormPhoneInfoView: React.FC = () => {
  const { prefixCls, expertsInfo } = useContext(ExpertsUpdateContext);
  const { industryTypeName, projectReview, graduateMajor } = expertsInfo;

  return (
    <Row className={`${prefixCls}info-view`}>
      <Col span={24}>
        <span className={'label'}>从事专业：</span>
        <span>{DictionarySpans(industryTypeName) ?? '--'}</span>
      </Col>

      <Col span={24}>
        <span className={'label'}>研究方向：</span>
        <span>{graduateMajor ?? '--'}</span>
      </Col>

      <Col span={24}>
        <span className={'label'}>实验室项目评审经历：</span>
        <span>{projectReview ?? '--'}</span>
      </Col>
    </Row>
  );
};

export default UpdateExpertsFormPhoneInfoView;

{
  /* <Col span={12}>
        <span className={'label'}>联系电话：</span>
        <span>{phoneMobile ?? '--'}</span>
      </Col>
      <Col span={12}>
        <span className={'label'}>办公电话：</span>
        <span>{phoneOffice ?? '--'}</span>
      </Col>
      <Col span={12}>
        <span className={'label'}>备用手机：</span>
        <span>{phoneSpare ?? '--'}</span>
      </Col> */
}
